<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description" content="Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template">
    <meta name="keywords" content="bootstrap, responsive, multipurpose, business, corporate, product, product launch, creative, landing page, marketing, software">
    <meta name="author" content="setblue">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title>itotek | Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template</title>



    <!-- Animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">

    <!-- Slick CSS -->
    <link rel="stylesheet" href="static/css/slick.css">

    <!-- Google Fonts -->
    <link rel="stylesheet" href="static/css/css.css" type="text/css">

    <!-- Line Icons CSS -->
    <link rel="stylesheet" href="static/css/LineIcons.css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="static/css/style.css">

</head>

<body>
    <!-- Preloader Start -->
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- Preloader Ends -->
    <!-- Navbar Start -->
    <div class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- navbar -->
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="index1.html">
                            <img src="static/picture/logo.svg" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo" aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item"><a href="index1.html">home</a></li>
                                <li class="nav-item"><a href="services.html">Services</a></li>
                                <li class="nav-item"><a href="aboutus.html">About Us</a></li>
                                <li class="nav-item"><a href="pricing.html">Pricing</a></li>
                                <li class="nav-item"><a href="portfolio.html">portfolio</a></li>
                                <li class="nav-item active"><a href="">FAQ's</a></li>
                                <li class="nav-item"><a href="contactus.html">Contact Us</a></li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Pages.
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="404.html">404</a>
                                        <a class="dropdown-item" href="blog.html">Blog</a>
                                        <a class="dropdown-item" href="login.html">Login</a>
                                        <a class="dropdown-item" href="register.html">Register</a>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="navbar-btn d-none d-sm-inline-block">
                            <ul>
                                <li><a class="solid" href="#">Download</a></li>
                            </ul>
                        </div>
                    </nav> 
                    <!-- navbar -->
                </div>
            </div>
        </div> <!-- container -->
    </div>
    <!-- Navbar Ends -->
    <!-- Inner Banner Start -->
    <section id="home" class="inner-banner">
        <div class="inner-text">
            <h1>FAQ's</h1>
            <nav aria-label="breadcrumb" class="sticky-header">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index1.html">Home</a></li>
                    <li class="breadcrumb-item active">FAQ's</li>
                </ol>
            </nav>
        </div>
        <div id="particles-1" class="particles"></div>
    </section>
    <!-- Inner Banner Ends -->
    <!-- Faq's Part Start -->
    <section class="section faq-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="faq-content wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="1000ms">
                        <div class="faq-accordion">
                            <div class="accordion" id="accordionExample">
                                <div class="card">
                                    <div class="card-header" id="headingOne">
                                        <a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Frequently Asked Question One</a>
                                    </div>
                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingTwo">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Frequently Asked Question Two</a>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingThree">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Frequently Asked Question Three</a>
                                    </div>
                                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingFore">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseFore" aria-expanded="false" aria-controls="collapseFore">Frequently Asked Question Four</a>
                                    </div>
                                    <div id="collapseFore" class="collapse" aria-labelledby="headingFore" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingFive">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">Frequently Asked Question Five</a>
                                    </div>
                                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                            </div>
                        </div> <!-- faq accordion -->
                    </div> <!-- faq content -->
                </div>
                <div class="col-lg-6">
                    <div class="faq-image mt-4 wow fadeInRight" data-wow-delay="0.2" data-wow-duration="1000ms">
                        <img src="static/picture/faq.svg" class="" alt="faq">
                    </div> <!-- faq image -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>
    <!-- Faq's Ends -->
    <!-- Footer Start -->
    <footer class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="footer-logo text-center">
                        <a href="index.html"><img src="static/picture/logo.svg" alt="Logo"></a>
                    </div>

                    <div class="footer-support text-center mt-4">
                        <span>+8801234567890</span>
                        <span>support@uideck.com</span>
                    </div>

                    <ul class="social text-center mt-4">
                        <li><a href="javascript:;"><i class="lni lni-facebook-filled"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-twitter-original"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-instagram-original"></i></a></li>
                        <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                    </ul>
                </div>

                <div class="col-lg-12">
                    <div class="copyright text-center mt-4">
                        <p class="text">2020 © itotek. Design by Setblue.</p>
                    </div>
                </div>


            </div>
        </div>
        <div id="particles-2"></div>
    </footer>
    <!-- Footer Ends -->
    <!-- Back Top Top Start -->
    <a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>
    <!-- Back Top Top Ends -->
    <!-- Jquery js -->
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/modernizr-3.7.1.min.js"></script>

    <!-- Bootstrap js -->
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>

    <!-- Slick js -->
    <script src="static/js/slick.min.js"></script>

    <!-- wow js -->
    <script src="static/js/wow.min.js"></script>

    <!-- Particles js -->
    <script src="static/js/particles.min.js"></script>

    <!-- Main js -->
    <script src="static/js/main.js"></script>

</body>
</html>